@charset "utf-8";
.web{
    margin: 0 auto;
    width: 1000px;
}
.about-us{
    padding: 26px 50px 0px;
    background-color: #fafafa;
}
.about-us-title{
    margin: 0 auto 20px;
    width: 145px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.about-us-title>legend{
    /* margin: 0 auto; */
    font-size: 24px;
    /* font-weight: bold; */
}
.about-content{
    font-size: 0;
}
.about-content>li{
    padding-top: 18px;
    display: inline-block;
    margin-right: 20px;
    width: 268px;
    height: 319px;
    background-color: #f2f2f2;
    vertical-align: top;
}
.about-content>li:nth-child(2){
    width:322px;
}
.about-content>li:last-child{
    margin-right: 0px;
}
.item-logo{
    margin-bottom:16px;
    text-align: center;
}
.item-title{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
}
.item-content{
    padding: 0 10px;
    font-size: 12px;
    color: #838383;
    letter-spacing: 2px;
    line-height: 24px;
     text-align: justify;/*两端对齐，最后一行不受影响 */
}
.friendship{
    margin: 0 auto;
    width: 896px;
    height: 304px;
    background-image: url(./dingshou/img/friendship.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.mask-layer{
    padding-top: 20px;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}
.fsp{
    margin: 0px auto 20px;
    width: 145px;
    color: white;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-color: #6db6ff;
    border-style: solid;
    /* overflow: hidden; */
}
.fsp>legend{
     font-size: 24px;
}
.fsp-content{
    display: flex;
    display: -webkit-flex;
     justify-content: space-between;/*水平对齐，两端对齐 */
     align-items: center;/*垂直对齐 */
}
.fsp-content>li{
    /* display: inline-block; */
}
.fsp-content>li:first-child,.fsp-content>li:last-child{
    width: 37px;
    height: 69px;
    background-color: rgba(0,0,0,.4);
    text-align: center;
    line-height: 69px;
}
.fsp-content>li>img{
    vertical-align: middle;
}
footer>.information{
    padding: 44px 50px 24px;
}
footer>.information>.footer-item>li{
    margin-bottom: 10px;
    font-size: 12px;
}
footer>.information>.footer-item>li:first-child{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 27px;
}
footer>.information>.footer-item{
    vertical-align: top;
    margin-right: 50px;
    display: inline-block;
}
.qr-code{
    display: inline-block;
    height: 99px;
    vertical-align: top;
}
.qr-code-first{
    height: 48px;
}
.qr-code-first>.first{
    display: inline-block;
    vertical-align: top;
    
}
.qr-code-first>.two{
    margin-left: 6px;
    display: inline-block;
    vertical-align: top;
}
.qr-code-first>.two>p{
    margin-bottom: 3px;
    font-size: 18px;
    font-weight: bold;
}
.qr-code-first>.two>p:last-child{
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
}
.qr-code-first>.two>p:first-child{
    letter-spacing: 4px;
}
.qr-code-first>.three{
    /* margin-left: 6px; */
    display: inline-block;
    vertical-align: top;
}
.qr-code-first>.three>p{
    line-height: 18px;
    font-size: 12px;
}
.qr-code-first>.three>.sina{
    text-align: right;
}
.qr-code-two>.qr{
    display: inline-block;
}
.qr-code-two>.subscription{
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    text-indent: 10px;
}

/* 中间那块 */
.Investment{
    padding: 26px 50px 0px;
    background-color: #fafafa;
}
.Investment-title{
    margin: 0 auto 20px;
    width: 145px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.Investment-title>legend{
    font-size: 24px;
}
.Investment-content{
    width: 1000px;
}
.Investment-content>li{
    margin-right: 11px;
    vertical-align: top;
    display: inline-block;

}
.project{
    width: 296px;
    height: 284;
    margin-right: 51px;
    padding-top: 32px;
}
.project-logo{
    margin-bottom: 16px;
}
.project-logo>img{
    width: 100%;
    height: 220px;
}
.project-title{
    font-size: 12px;
     margin-bottom: 20px;
     font-weight: bold;
     text-align: center;
     letter-spacing: 4px;
}
.project-content{
    padding-top: 6px;
    margin: 20px 86px 22px 76px;
    width: 135px;
    height: 27px;
    background-color: #6db6ff;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}
.footer-line{
    width: 980px;
    margin: 0 auto;
    height:60px;
    background-color: skyblue;
}
.footer-line>p{
    padding-top: 43px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
/* .three{
    width: 278px;
    height: 52px;
} */
/* .three-title{
   display: inline-block;
} */
.tupian>img{
    width: 100%;
    height: 400px;   
}